<!-- 缺陷库查看 -->
<template>
  <div>
    <el-dialog v-bind="dialogProps" :before-close="handleClose" :close-on-click-modal="false"
               :destroy-on-close="true" v-dialogDrag>
      <el-form :model="ruleForm" ref="ruleForm" label-width="120px" class="demo-ruleForm" size="small">
        <el-row :gutter="16" justify="start">
          <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
            <h3>隐患基本信息</h3>
            <div style="width:100%;height:2px;background:#0e867f;margin-bottom:5px"></div>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="单位:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入单位" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="隐患类型:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入隐患类型" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="隐患来源:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入隐患来源" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="隐患分类:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入隐患分类" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="任务名称:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入任务名称" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="隐患部位:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入隐患部位" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="隐患名称:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入隐患名称" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="任务名称:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入任务名称" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="发现班组:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入发现班组" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="发现日期:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入发现日期" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="发现人:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入发现人" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="线路名称:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入线路名称" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="电压等级:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入电压等级" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="设备名称:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入设备名称" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="详细地点:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入详细地点" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="是否现场处理:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入是否现场处理" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="处理状态:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入处理状态" clearable disabled></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="16" justify="start">
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="详细描述:" prop="xsmc">
              <el-input type="textarea" v-model="ruleForm.xsmc" placeholder="请输入详细描述" clearable disabled>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="隐患照片:" prop="xsmc">
              <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList"></el-image>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="16" justify="start">
          <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
            <h3>隐患信息编辑</h3>
            <div style="width:100%;height:2px;background:#0e867f;margin-bottom:5px"></div>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="隐患性质:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入隐患性质" clearable disabled></el-input>
            </el-form-item>
          </el-col>

        </el-row>
        <el-row :gutter="16" justify="start">

          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="线路常态化等级:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入线路常态化等级" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="线路重要等级:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入线路重要等级" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="设备型号:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入设备型号" clearable disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
            <el-form-item label="生产厂家:" prop="xsmc">
              <el-input v-model="ruleForm.xsmc" placeholder="请输入生产厂家" clearable disabled></el-input>
            </el-form-item>
          </el-col>

        </el-row>

      </el-form>

    </el-dialog>
  </div>
</template>
<script>
export default {
  components: {},
  data() {
    return {
      dialogProps: {
        visible: false,
        title: "隐患查看",
        width: "70%",
        top: "5px",
      },
      footerVisible: false,
      size: "medium",
      ruleForm: {
        xsmc: '',
        jhjssj: ''

      },
      url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
      srcList: [
        'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
        'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
      ]

    };
  },
  methods: {
    showDialog() {
      this.dialogProps.visible = true;
    },
    //确定关闭
    handleClose(done) {
      this.dialogProps.visible = false;
    },
  },
};

</script>
<style>
.el-dialog__footer {
  width: 100%;
  border-top: 1px solid #e8e8e8;
}
</style>
